<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <title>房掌柜-新增酒店-新增</title>
  <link rel="stylesheet" href="../../css/bootstrap.font.min.css"/>
  <link rel="stylesheet" href="../../css/forms.min.css"/>
  <link rel="stylesheet" href="../../css/style.css"/>
</head>
<body ng-controller="productAdd">
<nav class="navbar navbar-inverse navbar-fixed-top to-nav">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
      </button>
      <a class="navbar-brand to-brand" href="#"><i class="fa fa-weixin fa-fw"></i>&nbsp;&nbsp;SZG 后台管理系统</a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-gear"></i>&nbsp;Mr Toma&nbsp;<span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="#">个人信息</a></li>
            <li><a href="#">修改密码</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">退出系统</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- navbar-collapse -->
  </div>
</nav>
<!-- 菜单 start -->
<aside class="sidebar_left">
  <div class="sidebar_content">
    <ul class="nav">
      <li class="active">
        <a href="#" class="nav-link"><i class="fa fa-group"></i>产品管理</a>
        <ul class="link-lop">
          <li><a href="javascript:">周边游</a></li>
          <li><a href="javascript:">国内游</a></li>
          <li><a href="javascript:">出境游</a></li>
          <li><a href="javascript:">赴台游</a></li>
        </ul>
      </li>
      <li><a href="#" class="nav-link"><i class="fa fa-wrench"></i>网站设置</a></li>
    </ul>
  </div>
</aside>
<!-- 菜单 end -->
<section class="content">
  <div class="con-wap">
    <!-- view start -->

    <ol class="breadcrumb border">
      <li><a href="#">产品管理</a></li>
      <li><a href="#">房掌柜</a></li>
      <li><a href="#">新增酒店</a></li>
      <li class="active">新增</li>
    </ol>

    <form action="#" class="" name="proForm" id="proForm">
    <article class="panel panel-default">
      <div class="panel-heading p20">
        <h3 class="no-m">基本信息</h3>
      </div>
      <div class="panel-body p20 admin-form app-form">
        <!-- 表单 start -->

          <div class="row">
            <div class="col-sm-3">
              <div class="app-product-imgup">
                <div class="swiper-container">
                  <div class="swiper-wrapper">
                  </div>
                  <div class="swiper-pagination"></div>
                </div>
                <a href="javascript:" class="btn btn-default imgup-btn" id="imageUpbtn">上传预览图</a>
                <input type="hidden" name="images" value="1231">
              </div>
            </div>
            <div class="col-sm-9">

              <div class="form-group displayt w100b">
                <label class="control-label cell w90">酒店名称</label>
                <div class="cell">
                  <input type="text" class="gui-input" placeholder="酒店名称" name="internalName">
                </div>
              </div>

              <div class="form-group displayt w100b">
                <label class="control-label cell w90">酒店星级</label>
                <div class="cell">
                  <label class="select">
                    <select name="prolinTwo" required ng-model="prolinTwo">
                      <option value="">二级区域</option>
                      <option value="1">sdfsf</option>
                    </select>
                    <i class="arrow double"></i>
                  </label>
                </div>
              </div>

              <div class="form-group displayt w100b">
                <label class="control-label cell w90">酒店类型</label>
                <div class="cell lh20 option-group field">
                    <label class="option option-primary">
                      <input type="radio" name="line" value="1" ng-model="line" required data-id="sdfasf1">
                      <span class="radio"></span>酒店</label>
                    <label class="option option-primary">
                      <input type="radio" name="line" value="2" ng-model="line" required data-id="asda">
                      <span class="radio"></span>民宿</label>
                    <label class="option option-primary">
                      <input type="radio" name="line" value="3" ng-model="line" required data-id="41616">
                      <span class="radio"></span>快捷</label>
                    <label class="option option-primary">
                      <input type="radio" name="line" value="4" ng-model="line" required data-id="23432">
                      <span class="radio"></span>公寓</label>
                    <label class="option option-primary">
                      <input type="radio" name="line" value="5" ng-model="line" required data-id="23432">
                      <span class="radio"></span>青年旅社</label>
                  <input type="hidden" name="lines" id="lines">
                  <small class="ts" ng-if="proForm.line.$invalid"><i class="fa fa-exclamation-circle"></i> 必须选择一项</small>
                </div>
              </div>

              <div class="form-group displayt w100b">
                <label class="control-label cell w90">服务语言</label>
                <div class="cell">
                  <label class="select">
                    <select name="prolinOne" required ng-model="prolinOne">
                      <option value="">中文</option>
                      <option value="1">sdfsf</option>
                    </select>
                    <i class="arrow double"></i>
                  </label>
                  <small class="ts" ng-if="proForm.prolinOne.$invalid"><i class="fa fa-exclamation-circle"></i> 必须选择一项</small>
                </div>
              </div>

            </div>
          </div><!-- row -->

          <div class="mb15">

            <div class="form-group displayt w100b">
              <label class="control-label cell w120">产品标签</label>
              <div class="cell lh20 option-group field">
                <label class="option option-primary">
                  <input type="checkbox" name="payment" checked>
                  <span class="checkbox"></span>预售</label>
                <label class="option option-primary">
                  <input type="checkbox" name="payment">
                  <span class="checkbox"></span>甩尾单</label>
                <label class="option option-primary">
                  <input type="checkbox" name="payment">
                  <span class="checkbox"></span>特价促销</label>
              </div>
            </div>

            <div class="form-group displayt">
              <label class="control-label cell w120 lh40">添加音频</label>
              <div class="cell">
                <label class="field prepend-icon append-button file">
                  <span class="button btn-primary">上传音频</span>
                  <input type="file" class="gui-file" name="file1" id="file1" onchange="document.getElementById('uploader1').value = this.value;">
                  <input type="text" class="gui-input" id="uploader1" placeholder="文件路径">
                  <label class="field-icon">
                    <i class="fa fa-upload"></i>
                  </label>
                </label>
              </div>
            </div>

          </div><!-- mb15 -->

          <div class="mb15">
            <hr>
            <h3 class="mb20">预定控制</h3>
            <div class="row">
              <div class="col-sm-5">
                <div class="form-group displayt w100b lh40">
                  <label class="control-label cell w120">预定联系人</label>
                  <div class="cell">
                    <input type="text" class="gui-input" placeholder="预定联系人" name="contacter">
                  </div>
                </div>
              </div>
              <div class="col-sm-4">
                <div class="form-group displayt w100b lh40">
                  <label class="control-label cell w120">预定联系人手机</label>
                  <div class="cell">
                    <input type="text" class="gui-input" placeholder="预定联系人手机" name="contacterTel">
                  </div>
                </div>
              </div>
              <div class="col-sm-3">
                <div class="form-group displayt w100b">
                  <label class="control-label cell w120 inline">新订单短信提醒</label>
                  <div class="cell pt5">
                    <label class="switch switch-primary no-m">
                      <input type="checkbox" name="remember" id="SMS" name="SMS">
                      <label for="SMS" data-on="是" data-off="否"></label>
                    </label>
                  </div>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-sm-5">
                <div class="form-group displayt w100b lh40">
                  <label class="control-label cell w120">提前预定时间</label>
                  <div class="cell">
                    <input type="text" class="gui-input" placeholder="0" name="scheduledStart">
                  </div>
                  <div class="cell">天</div>
                  <div class="cell">
                    <input type="text" class="gui-input" placeholder="0" name="scheduledEnd">
                  </div>
                  <div class="cell">时</div>
                </div>
              </div>
              <div class="col-sm-4">
                <div class="form-group displayt w100b">
                  <label class="control-label cell w120 lh40">确认方式</label>
                  <div class="cell">
                    <label class="select">
                      <select class="" name="" name="confirm">
                        <option value="0">自动确认</option>
                        <option value="1">人工确认</option>
                      </select>
                      <i class="arrow double"></i>
                    </label>
                  </div>
                </div>
              </div>
              <div class="col-sm-3">
                <div class="form-group displayt w100b">
                  <label class="control-label cell w120 inline">儿童是否可定</label>
                  <div class="cell pt5">
                    <label class="switch switch-primary no-m">
                      <input type="checkbox" name="children" id="children">
                      <label for="children" data-on="是" data-off="否"></label>
                    </label>
                  </div>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-sm-5">
                <div class="form-group displayt w100b no-m">
                  <label class="control-label cell w120 lh40">发布渠道</label>
                  <div class="cell">
                    <label class="select">
                      <select name="channel">
                        <option value="0">所有</option>
                        <option value="1">人工确认</option>
                      </select>
                      <i class="arrow double"></i>
                    </label>
                  </div>
                </div>
              </div>
            </div>

          </div>
        <!-- 表单 end -->
      </div>
      <div class="panel-footer p20 text-right">
        <button type="button" class="btn btn-default w120 btn-lg">返回</button>
        <button type="submit" class="btn btn-warning w160 btn-lg" ng-disabled="proForm.$invalid">保存并下一步</button>
      </div>
    </article>
    </form>

    <div class="h360"></div>
    <!-- view end -->
  </div>
</section>

<!-- 多图上传 -->
<div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" id="imageUpModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">上传预览图</h4>
      </div>
      <div class="modal-body">

        <form id="uploadForm" enctype="multipart/form-data">
          <div class="upload_box">
            <div class="upload_main">
              <label class="upload_choose">
                <input id="fileImage" type="file" size="30" name="fileselect[]" accept="image/*"  multiple />
                <span id="fileDragArea" class="upload_drag_area">点击上传或者将图片拖到此处</span>
              </label>
              <div id="preview" class="upload_preview"></div>
            </div>
            <div class="upload_submit text-center">
              <button type="button" id="fileSubmit" class="upload_submit_btn btn btn-warning btn-lg">确认上传图片</button>
            </div>
            <div id="uploadInf" class="upload_inf text-center"></div>
          </div>
        </form>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default w90" data-dismiss="modal">返回</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<script src="../../lib/angular.min.js"></script>
<script src="../../lib/jquery.min.js"></script>
<script src="../../js/sea.js"></script>
<script src="../../js/main.js"></script>
<script>
  seajs.use(['swiper','swiper-css'],function () {
    seajs.use('image',function (cc) {
      new cc.Params('../../data/com.php');
    });
  });
</script>
</body>
</html>